<template>
<div>
    <el-tabs v-model="activeName" @tab-change="changeTab">
      <el-tab-pane label="所有设备" name="all"></el-tab-pane>
      <el-tab-pane label="LoRaWAN" name="LoRaWAN"></el-tab-pane>
      <el-tab-pane label="NB-IoT" name="NB-IoT"></el-tab-pane>
      <el-tab-pane label="4G/2G" name="4G/2G"></el-tab-pane>
      <el-tab-pane label="LoRaPP" name="LoRaPP"></el-tab-pane>
      </el-tabs>
</div>
</template>
<script setup>
import { ref } from 'vue';
//切换tab分页
const activeName = ref('all')
const emit = defineEmits('change-tap')

const changeTab = (name) => {
  console.log(name)
  emit('change-tap',name)
}
</script>
<style lang='less'>
</style>